<template>
  <div class="hello">
    <ul class="header_nav">
      <li><router-link to='/first'>首页</router-link></li>
    	<li><router-link to='/second'>addressStep1</router-link></li>
    	<li><router-link to='/third'>addressStep2</router-link></li>
    	<li><router-link to='/fourth'>addnewAddress</router-link></li>
    	<li><router-link to='/five'>三级联动</router-link></li>
    	<li><router-link to='/six'>设置交易密码</router-link></li>
    	<li><router-link to='/seven'>重置交易密码</router-link></li>
    	<li><router-link to='/eight'>绑定银行卡</router-link></li>
      <li><router-link to='/nine'>nine</router-link></li>
      <li><router-link to='/setpaynum'>setpaynum</router-link></li>
      <li><router-link to='/resetpaynum'>resetpaynum</router-link></li>
      <li><router-link to='/agreement'>agreement</router-link></li>
      <li><router-link to='/temporaryLimit'>temporaryLimit</router-link></li>
      <li><router-link to='/PromoteLimit'>PromoteLimit</router-link></li>
      <li><router-link to='/CommonProblem'>CommonProblem</router-link></li>
      <li><router-link to='/pay'>pay</router-link></li>
      <li><router-link to='/jumpBankCard'>jumpBankCard</router-link></li>
      <li><router-link to='/myCenter'>myCenter</router-link></li>
      <li><router-link to='/MyBill'>MyBill</router-link></li>
      <li><router-link to='/modificationAddress'>modificationAddress</router-link></li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
h1, h2 {
  font-weight: normal;
}
.header_nav{
	width: 100%;
	display: flex;
	/*justify-content: space-around;*/
	/*position: fixed;
	bottom: 1rem;*/
	 li{
		/*height: 3rem;
	line-height: 3rem;*/
	padding: 1rem;
	text-align: center;
	font-size: 2rem;
	border: 1px solid;

	}
}

ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  /*margin: 0 10px;*/
}
a {
  color: #42b983;
}
</style>
